#root {
  font-family: Inter !important;
  font-weight: Medium ;
  /* max-width: 1280px; */
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
}

.logo {
  width: 283px;
  height: 32px;
  will-change: filter;
  transition: filter 300ms;
}
/* .logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
} */
.hover-nav {
  display: flex;
}

.nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.menu-item:first-of-type{
  margin-left: 40px;
}
 .menu-item{
  margin-left: 20px;
  background: radial-gradient(circle, #59FFE7, #31F045);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  height: 101px;
  line-height: 91px;
  cursor: pointer;
 }
 .menu-item:hover{
  background: radial-gradient(circle, #59FFE7, #31F045) !important;
  -webkit-background-clip: text  !important;
  background-clip: text  !important;
  -webkit-text-fill-color: transparent  !important;
 }
/* .ant-menu-item-selected{
  background: none !important;
} */
.SignBtn:hover{
  color: none !important;
  border: none !important;
}
.contains{
  /* background-image: url('../public/images/Group15.svg');
  background-repeat: no-repeat; */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contains .top{
  display: flex;
}
.titleItem{
  position: relative;
  left: 18rem;
  top: -35rem;
}
.c-right{
  position: relative;
  right: 0;
  padding-top: 2rem;
}
.bigTitle{
  color: #ffffff;
  font-size: 128px;
  line-height: 220px;
  font-family: Inter-Semi Bold;
  
}
.secTitle{
  font-size: 64px;
  background: radial-gradient(circle, #59FFE7, #31F045);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 220px;
}
.shandian{
  left: 8rem;
  top: -29rem;
  position: relative;
}
.robotItem{
  position: relative;
}
.liveBtn{
  position: relative;
  top: 3rem;
  left: 23.5rem;
}
.robot{
  z-index: 1;
  position: relative;
  top: 14rem;
  left: 5rem;
}
.robotFloor{
  position: relative;
  top: 3.5rem;
  left: -3.5rem;
}
.robot-bg{
  position: relative;
  top: -5rem;
  left: -3rem;
}
.robot-bg1{
  position: relative;
  top: -35rem;
  left: -20rem;
}
.gitBtn{
  position: relative;
  top: 18rem;
  left: -1.2rem;
}
.litTitle{
  font-size: 40px;
  color: #ffffff;
  position: relative;
  width: 100%;
  text-align: center;
  top: -50rem;
}
.litTitle1{
  font-size: 40px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  position: relative;
  top: -36rem;
  font-family: Inter;
}
.litTitle2{
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  position: relative;
  top: -34rem;
}
.chbox{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -44rem;
}
.box-item{
  width: 340px;
  height: 400px;
  margin-left: 20px;
  padding-top: 25px;
  background-color: #0E0E0E;
  border-radius: 30px 30px 0 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
.box-item .txt{
  font-size: 22px;
  color: #ffffff;
  font-weight: normal;
  line-height: 80px;
  height: 80px;
}
.box-item .txt1{
  text-align: left;
  padding: 0 3rem;
  line-height: 25px;
  color:#CACACA;
  font-size: 16px;
}

.box-item .txt1 ul {
  /* list-style-type: circle; */
}
.box-item .txt1 ul li{
  font-size: 16px;
}
.group9{
  background-image: url('../public/images/Group9.svg');
  background-repeat: no-repeat;
  background-position: center;
  height: 612px;
  position: relative;
  top: -41rem;
  font-size: 32px;
  color: #ffffff;
  text-align: center;
}
.group9 .t1{
  padding-top: 9.5rem;
}
.group9 .t2{
  display: flex;
  margin-top: 8.3rem;
  justify-content: space-between;
}
.group9 .t2 .txt{
  width: 50%;
  text-align: right;
  padding-right: 4.5rem;
}
.group9 .t2 .txt:last-child{
  text-align: left;
  padding-left: 3.5rem;
}
.bigBox{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -32rem;
}
.bigBoxItem{
  width: 1440px;
  background-color: #0E0E0E;
  border-radius: 40px;
  padding-top: 1rem;
  height: 878px;
  margin-left: 20px;
}
.bigBoxItem .itemBox{
  border-radius: 10px;
  background-color: #141E20;
  width: 600px;
  height: 160px;
  text-align: left;
  padding: 1.85rem;
  color: #CACACA;
  transition: transform 0.3s ease; /* 添加过渡效果 */
  font-family: Inter;
}
.bigBoxItem .itemBox:hover{
  transform: scale(1.1); /* 鼠标悬停时放大1.1倍 */
  cursor: pointer;
}
.bigBoxItem .itemBox h6{
  font-weight: 400;
  line-height: 25px;
  font-family: Inter;
  
}
.bigBoxItem .itemBox.active{
  border-radius: 10px;
  background-color: #31F045;
  width: 600px;
  height: 160px;
  color: #000000;
}
.bigBoxItem .itemShow{
  background-color: #141E20;
  width: 1080px;
  border-radius: 20px;
  height: 476px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 5px 5px 5px rgba(51, 68, 71, 0.5),-5px -5px 5px rgba(51, 68, 71, 0.5);
}
.bigSpeedBox{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -23rem;
}
.speedBox{
  width: 1440px;
  border-radius: 50px;
  background-color:#23363A;
  padding-top: 2rem;
  margin-left: 20px;
}
.speedBox .title {
  text-align: center;
  color: #ffffff;
}
.speedBox .title h6{
  font-weight: 400;
  color: #CACACA;
  font-size: 18px;
  line-height: 24px;
  font-family: Inter, Inter;
}
.speedBox .box1{
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.speedBox .box1 .title{
  color: #ffffff;
  font-size: 32px;
  vertical-align: middle;
  text-align: center;
}
.speedBox .box1 .title img{
  margin-right: 20px;
}
.speedBox .box1:last-child{
  margin-bottom: 5rem;
}
.title16{
  font-size: 16px;
  font-weight: 400;
  color: #CACACA;
  text-align: center;
  position: relative;
  top: -14rem;
}
.priceBtn{
  display: flex;
  justify-content: center;
  position: relative;
  top: -11rem;
}
.priceBtn .btnList{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  height: 59px;
  border-radius: 30px;
  background-color: #141E20;
  padding: 11px;
  border: #000000 1px solid;

}
.priceBtn .btnList .pbtn{
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #CACACA;
  text-align: center;
  min-width: 110px;
  cursor: pointer;
}
.priceBtn .btnList .pbtn.active{
  background-color: #31F045;
  color: #181818;
  padding: 10px;
}
.priceBtn .btnList .pbtn .secBtn{
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  border-radius: 50px;
  width: 85px;
  height: 21px;
  font-size: 13px;
  color: #ffffff;
  margin-left: 10px;
}
.priceList{
  display: flex;
  justify-content: center;
  position: relative;
  top: -8rem;
}
.priceList .priceBox{
  width: 345px;
  height: 355px;
  background-color: rgba(20, 30, 32, 1);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  border: solid 1px #000000;
  border-radius: 10px;
  margin-left: 20px;
  color: #ffffff;
  padding: 30px 20px;
}
.priceList .priceBox .name{
  font-size: 20px;
  font-weight: 500;
  line-height: 19px;
}
.priceList .priceBox .price{
  font-size: 28px;
  font-weight: 500;
  line-height: 19px;
  line-height: 34px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.priceList .priceBox .price span{
  font-size: 16px;
}
.priceList .priceBox .price .saveRate{
  margin-top: 10px;
  width: 87px;
  height: 21px;
  border-radius: 50px;
  background-color: #59FFE7;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 21px;
  text-align: center;
}
.priceList .priceBox .price .remark{
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
}
.priceList .priceBox button{
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #31F045;
  border: none;
  border-radius: 30px;
  color: #ffffff;
  width: 290px;
  height: 45px;
}
/* .priceList .priceBox button:hover{
  color: #31F045 !important;
} */
.priceList .priceBox .list{
  line-height: 30px;
}
.priceList .priceBox .list span{
  background-color: rgba(20, 30, 32, 1) !important;
  font-size: 16px;
}

.Contact{
  background-image: url(../public/images/Main1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 646px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-align: center;
  justify-items: center;
  display: flex;
  position: relative;
  background-size: cover;
  
}
.Contact .contactBtn{
  margin-top: 50px;
}
.Contact .contactTxt{
  line-height: 30px;
}
.vectorBg{
  width: 40px;
  height: 40px;
  background-color: #373737;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  line-height: 40px;
  text-align: center;
}
.flooter{
  width: 1440px;
  height: 271px;
  /* padding: 0 20px; */
  padding-left: 20px;
}
.flooter .logo{
  position: relative;
}
.flooter .menuList{
  display: flex;
  justify-content: space-between;
  width: 1420px;
  padding-left: 0;
}
.flooter .leftMenu{
  width: 300px;
}
.flooter .leftMenu .list{
  display: flex;
  justify-content: space-between;
 
}
.flooter .leftMenu .list .txt{
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  width: 150px;
  margin-top: 33px;
}
.flooter .leftMenu .list .txt1{
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  width: 150px;
  cursor: pointer;
}
.flooter .rightMenu{
  width: 150px;
}
.flooter .rightMenu .txt{
  margin-top: 33px;
  font-size: 18px;
}
.flooter .rightMenu .menuIcon{
  display: flex;
  justify-content: space-between;
}
.flooter .rightMenu .menuIcon .iconBd{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #373737;
  align-items: center;
  display: flex;
  justify-content: center;
}
.flooter .rightMenu .menuIcon .iconBd img{
  cursor: pointer;
}
.flooter .webright{
  border-top: solid 1px #2E2E2E;
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1420px;
}


.usercenter{
  font-size: 18px;
  font-weight: 500;
  display: flex;
  margin-left: 87px;
  cursor: pointer;
}
.usercenter span{
  color: #31F045;
}
.usercenter img{
  margin-left: 37px;
  position: relative;
  top: 10px;
  
}
.usercenter .robotName{
  font-weight: 500;
  font-size: 22px;
  color: #000000;
  position: relative;
  top: 7px;
  right: 40px;
}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}
